.finish_order_info {
	background-color: #fff;
	box-sizing: border-box;
	padding: 16px;
	display: flex;
	flex-direction: column;
	row-gap: 12px;

	.title {
		color: #000;
		font-size: 14px;
		font-weight: bold;
	}

	.info_list {
		display: flex;
		flex-wrap: wrap;
		column-gap: 86px;
		row-gap: 12px;
		padding: 0 16px;

		.info_container {
			display: flex;
			flex-direction: column;
			width: 538px;

			.title {
				display: flex;
				align-items: center;
				column-gap: 5px;
				border-bottom: 1px solid rgb(240, 240, 240);
				padding: 0 0 4px 0;

				.line {
					width: 2px;
					height: 14px;
					border-radius: 2px;
					background-color: $primaryColor;
				}

				span {
					font-weight: bold;
					font-size: 14px;
				}
			}

			.content {
				padding: 12px 0 0 9px;
				display: flex;
				flex-direction: column;
				row-gap: 12px;

				.txt {
					display: flex;
					flex-wrap: wrap;
					column-gap: 86px;
					row-gap: 12px;

					.info_item {
						display: flex;
						gap: 5px;

						.label {
							color: #606266;
							display: flex;
							height: 18px;
							line-height: 18px;
							white-space: nowrap;

							.text {
								text-align: right;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
								cursor: pointer;
							}

							.middle {
								width: 3px;
							}
						}

						.value {
							width: 160px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							cursor: pointer;
							height: 18px;
							line-height: 18px;

							.rate_container {
								display: flex;
								align-items: center;
							}
						}
					}
				}

				.file {
					display: flex;
					flex-wrap: wrap;
					column-gap: 76px;
					row-gap: 12px;

					.info_item {
						display: flex;
						gap: 5px;

						.label {
							color: #606266;
							display: flex;
							height: 18px;
							line-height: 18px;
							white-space: nowrap;

							.text {
								width: 52px;
								text-align: right;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
								cursor: pointer;
							}

							.middle {
								width: 3px;
							}
						}

						.file_list {
							max-width: 478px;
							display: flex;
							gap: 5px;

							.arrow {
								min-width: 24px;
								height: 50px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;
								box-sizing: border-box;
								transition: all 0.4s ease;
							}

							.enabled_arrow {
								cursor: pointer;
								border: 1px solid #ebeef5;
								transition: all 0.4s;

								.iconfont {
									color: $primaryColor;
									transition: all 0.4s;
								}

								&:hover {
									border-color: $primaryColor;
									background-color: $primaryColor;

									.iconfont {
										color: #fff;
									}
								}
							}

							.disabled_arrow {
								cursor: not-allowed;
								border: 1px solid #ebeef5;

								.iconfont {
									color: #ebeef5;
								}
							}

							.list {
								width: 420px;
								overflow: hidden;

								.list_content {
									display: flex;
									gap: 5px;
									transition: all 0.4s ease;

									.file {
										width: 80px;
										height: 50px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}